Breaking the rules 打破規則

這些打破常規的排版技巧，都能幫助我們成為更出色的版式設計師。

Change the weight of reversed-out type 反白文字的字重調整

當在不同背景色上使用文字時，視覺效果會變化：螢幕上的淺色文字顯得較重，印刷時則較輕。

• 在螢幕顯示時，為淺色背景上的深色文字增加字重（或字級）

• 在印刷時，為淺色背景上的深色文字減少字重（或字級）

• 在螢幕顯示時，為深色背景上的淺色文字減少字重（或字級）

• 在印刷時，為深色背景上的淺色文字增加字重（或字級）

Move footnotes outside of punctuation 腳註位置調整

腳註標記通常緊跟相關詞語。但當詞語後有標點時，為避免空白不協調，可將腳註標記放在標點後面。

請注意右側示例中第二個引用標記的位置。

Italicize punctuation and spaces 標點和空格也要斜體

當文字設定為斜體時，後面的標點符號看起來會過於貼近。解決方法是將標點及其後的空格也設定為斜體，這樣視覺效果更協調。注意：此規則不適用於粗體文字，粗體的標點和空格應保持常規字重。

Use incremental leading 使用遞增行距

不是讓每一行嚴格對齊基線網格，而是每隔幾行對齊一次。

小字號文字：如果每一行都嚴格對齊，行距可能會太大，導致文字顯得稀疏、分散。

大字號文字：如果每一行都嚴格對齊，行距可能會太小，導致文字過於緊密，影響可讀性。

Don't indent paragraphs after a heading 段落首行縮排規則

網頁和印刷中的段落通常不會縮排首行。但在印刷較長的文章時，我們經常會使用段落縮排。這時有個小技巧：標題後的第一個段落不要縮排，這樣看起來會更整潔美觀。

如果你想用CSS來實現這個效果，只需要讓段落後面的段落縮排就可以了，程式碼很簡單：

p + p {
	text-indent: 1em;
}

Nudge display type to the left 將大標題向左偏移

在使用大號字型時，字母或文字前面的空白間距會比較明顯，看起來像是有一個小縮排。為了讓排版更美觀，我們可以把文字稍微往左調整一下（必要時可以超出邊界），這樣文字的左邊緣就能和下面正文對齊了。如果是右對齊的文字，就要往右調整。

Customize drop caps 自定義首字下沉

在設計系統中使用首字下沉效果時，若內容以引號開頭，引號會成為下沉字母，效果不佳。解決方法是將開頭引號從文字框分離，手動與實際首字下沉對齊。